<script setup lang="ts">

</script>

<template>
<el-card>
  <el-form :label-width="100" label-suffix="：" inline class="grid grid-cols-4 gap-2">
    <el-form-item  label="域名包含">
      <div class="flex">
        <div><el-input placeholder="多个用逗号分割"></el-input></div>
        <div class="ml-2">
          <el-checkbox-group>
          <el-checkbox :label="1">开头</el-checkbox>
          <el-checkbox :label="1">结尾</el-checkbox>
        </el-checkbox-group>
        </div>
      </div>
    </el-form-item>
    <el-form-item label="域名类型">
      <el-select placeholder="不限">
        <el-option-group label="纯数字">
          <el-option label="三位数"></el-option>
        </el-option-group>
      </el-select>
    </el-form-item>
    <el-form-item label="域名状态">
      <el-select placeholder="不限">
        <el-option-group label="纯数字">
          <el-option label="三位数"></el-option>
        </el-option-group>
      </el-select>
    </el-form-item>
    <el-form-item label="注册时间">
      <el-date-picker type="daterange" start-placeholder="注册开始时间" end-placeholder="注册结束时间"></el-date-picker>
    </el-form-item>
    <el-form-item  label="域名排除">
      <div class="flex">
        <div><el-input placeholder="多个用逗号分割"></el-input></div>
        <div class="ml-2">
          <el-checkbox-group>
            <el-checkbox :label="1">开头</el-checkbox>
            <el-checkbox :label="1">结尾</el-checkbox>
          </el-checkbox-group>
        </div>
      </div>
    </el-form-item>
    <el-form-item label="域名后缀">
      <el-select placeholder="不限">
        <el-option-group label="纯数字">
          <el-option label="三位数"></el-option>
        </el-option-group>
      </el-select>
    </el-form-item>
    <el-form-item label="注册商">
      <el-select placeholder="不限">
        <el-option-group label="纯数字">
          <el-option label="三位数"></el-option>
        </el-option-group>
      </el-select>
    </el-form-item>
    <el-form-item label="到期时间">
      <el-date-picker type="daterange" start-placeholder="到期开始时间" end-placeholder="到期结束时间"></el-date-picker>
    </el-form-item>
    <el-form-item  label="DNS">
      <div class="grid grid-cols-2">
        <div><el-input placeholder="多个用逗号分割"></el-input></div>
        <div class="ml-2">
          <el-select placeholder="根据DNS搜索">
            <el-option-group label="纯数字">
              <el-option label="三位数"></el-option>
            </el-option-group>
          </el-select>
        </div>
      </div>
    </el-form-item>
    <el-form-item label="域名模版">
      <el-select placeholder="不限">
        <el-option-group label="纯数字">
          <el-option label="三位数"></el-option>
        </el-option-group>
      </el-select>
    </el-form-item>
    <el-form-item label="结果排序">
      <el-select placeholder="不限">
        <el-option-group label="纯数字">
          <el-option label="三位数"></el-option>
        </el-option-group>
      </el-select>
    </el-form-item>
    <el-form-item label="到期时间">
      <el-date-picker type="daterange" start-placeholder="到期开始时间" end-placeholder="到期结束时间"></el-date-picker>
    </el-form-item>
  </el-form>
  <div class="text-center">
    <el-button type="primary">搜索</el-button><el-button>重置</el-button>
  </div>
</el-card>
</template>

<style scoped lang="scss">

</style>